@import url("base.css"); 
@import url("responsive.css"); 
@import url("font-awesome.css"); 
@import url("iconos.css");

@import url("../css.css");

#linea-top {width:100%; background:#485566; height:5px; display:block}
.im-der {float:right; margin-left:15px; margin-bottom:0}
.marco {border:5px solid #f6f3f3;}

a.borde { border-bottom: 1px solid #dedede;}

#cabecera {min-height:150px;}

.contacto-top {float:right; margin:-1px 0 1px 0; display:block; color:#888; font-size:11px}

.buscador {float:right; width:180px}
.buscador input {width:180px; font-size:11px; color:#888}
.busca-boton {float:right; position:relative; padding:0; top:0; right:0; margin:1px 0 0 -35px; background:url('../images/search.png') center center no-repeat; width:35px; height:32px; cursor:pointer; border:none; z-index:100; box-shadow:none}
.busca {float:right; position:relative; width:135px}

#logo {margin-top:30px}
#logo a img {float:left; width:199px; height:86px}


#navega {height:49px; width:1040px; margin-left:-10px; background-color:#485566; float:left; left:1px}
#navega ul li:first-child {margin-left:-8px}
.js .selectnav {display:none}

.menu i.halflings {margin:1px 2px 0 -2px; width: 15px;}
.menu i {margin:1px 2px 0 -2px;}
.menu ul, .menu li >div {visibility:hidden; display:none}
.menu li:hover >ul, .menu li:hover >div {visibility:visible; display:block}

.esquina-izq, .esquina-der {display:block; width:0px; height:0px; border-style:solid; position:relative; top:49px; float:left; opacity:0.58; filter:alpha(opacity=58)}
.esquina-izq {border-color:transparent #888 transparent transparent; border-width:0 9px 9px 0; float:left; left:1px}
.esquina-der {border-color:#888 transparent transparent transparent; border-width:9px 9px 0 0; float:right; right:1px}

.menu, .menu ul {margin:0; padding:0; list-style:none}
.menu li, .menu ul a {position:relative}
.menu >li {float:left}
.menu >li.floatr {float:right}
.menu li >a {display:block}
.menu ul {position:absolute; display:none; width:170px}

#activo { background-color: #4b98dc; border-right: 1px solid #008da8; margin-left:-1px; padding-left:31px; z-index:8; position:relative}

.menu a {text-decoration:none}
.menu >li >a {color:#fff; font-weight:400; font-size:13px; line-height:18px; padding:15px 30px 16px 30px}
.menu >li:hover >a {background-color:#68798b; border-left:none; padding-left:31px; border-right:1px solid #68798b; margin:0 0 0 -1px}
ul.menu li a {-webkit-transition:background-color 80ms ease-in-out; -moz-transition:background-color 80ms ease-in-out; -o-transition:background-color 80ms ease-in-out; -ms-transition:background-color 80ms ease-in-out; transition:background-color 80ms ease-in-out}
.menu ul li a {-webkit-transition:background-color 20ms ease-in-out,color 20ms ease-in-out; -moz-transition:background-color 20ms ease-in-out,color 20ms ease-in-out; -o-transition:background-color 20ms ease-in-out,color 20ms ease-in-out; -ms-transition:background-color 20ms ease-in-out,color 20ms ease-in-out; transition:background-color 20ms ease-in-out,color 20ms ease-in-out}
.menu >li >a {border-right:1px solid #666}
.menu >li >a:hover {border-right:1px solid #68798b; margin:0 0 0 -1px}
.menu >li >a img {border:0; margin-right:7px}
.menu ul {background-color:#fff; border:1px solid #e0e0e0; border-top:none; left:-1px; z-index:999; border-radius:0 0 2px 2px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.04); box-shadow:0 1px 1px rgba(0,0,0,0.04)}
.menu ul a {color:#777; font-size:12px; line-height:18px; padding:9px 12px; border-top:1px solid #e6e6e6}
.menu ul a:hover {background-color:#f5f5f5}

.banner {position:relative;}

/* hormigas
====================================*/
#hormigas ul {position:absolute; top: -32px; right: 40px; float: right; padding: -64px 0; font-size: 12px;}
#hormigas ul li {display: inline-block; color: #888; padding: 0 11px 0 0; margin: 0 0 0 5px; background: url(../images/hormigas.png) no-repeat 100% 50%;}
#hormigas ul li.fin {background: none; padding: 0;}
#hormigas ul li a { color: #4b98dc;}

#content { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}

#pie {background:#eee; border-top:1px solid #dedede; border-right:1px solid #dedede; border-left:1px solid #dedede; width:1018px; padding:30px 0 31px 0; ; margin:0 auto; font-size:12px}
#pie-abajo {background:#424242; width:1020px; padding:15px 0; margin:0 auto; font-size:12px}
#pie, #pie p, #pie a {color:#333}
#pie a:hover {color:#fff}
#pie h4 {padding:0; margin:0 0 15px 0; font-size:14px; color:#424242;}

.copyright {color:#aaa; font-size:90%}
.copyright a, .copyright span {color:#eee !important}

/* noticias
====================================*/

.noticias {margin-top:25px; margin-bottom:28px}
.noticias h4 {line-height:21px; margin-bottom:10px; font-weight:500;}
.noticias h4 a {color:#333}
.noticias h4 a:hover {color:#888}
.noticias p {margin-top:7px; margin-bottom:0}
.margen {margin:28px 0 22px 0}

.separador { background-image:url(../images/separador.png); margin:0 30px 10px 30px; height:10px; clear:both; background-position:center center; background-repeat:no-repeat; }
.con-margen { margin:0 auto 10px auto;}
.entry, .noticias h4, .noticias p {margin-left:44px}

.fecha {float:left; text-align:center; height:0px}
.fecha span {display:block}
.dia {background:#f2f2f2; padding:6px; font-size:16px; font-weight:500; color:#999; border-radius:2px 2px 0 0}
.mes {background:#ccc; padding:0px 6px 2px 6px; color:#fff; border-radius:0 0 2px 2px; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.07)}

.paginando {text-align:center;display:block;clear:both}
.pagina {display:inline-table;margin:0!important;position:relative;list-style-type:none}
.pagina li {display:inline;margin-right:6px;float:left}
.pagina li a {border:0;overflow:hidden;width:26px;height:26px;display:block;text-align:center;text-decoration:none;line-height:26px;font-family:'Oswald',arial,serif;font-size:11px;color:#929292;border:1px solid #f0f0f0;-moz-box-box-shadow:2px 2px 1px #f6f6f6;-webkit-box-shadow:2px 2px 1px #f6f6f6;box-shadow:2px 1px 1px #f6f6f6}
.pagina .anterior a,.pagina .siguiente a {font-family:'Droid Sans',Arial,Helvetica,sans-serif;font-size:13px;line-height:24px}
.pagina li.activo a {text-decoration:none}
.pagina li a:hover,.pagina li a:hover,.pagina li.activo a {text-decoration:none;-moz-box-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#008da8}

.pad10 {padding-top:25px;}

.contacto-info p {margin:0;}
.contacto-info.dos {margin: 15px 0 0 0}
.contacto-info li i {float: left; margin: 3px 5px 0 0;}
.address {line-height: 21px;}

/* Google Maps
====================================*/
.google-map-container { margin: -4px 0 30px 0; }
.google-map-container img { max-width: none !important; }

#map3 {width: 100%; overflow: hidden; border-bottom:2px solid #e0e0e0;}
#map_canvas3 {width: 100%; height: 300px;}


#sub-menu {float:right; font-size:11px}
#sub-menu ul li a {color:#aaa}
#sub-menu ul li a:hover {color:#eee}
#sub-menu ul li {display:inline-block; border-left:1px solid #505050; margin:0; padding:0 8px 0 8px; line-height:12px}
#sub-menu ul li:first-child {border:none; padding-left:0}
#sub-menu ul li:last-child {padding-right:0}

#logo-pie {margin:10px 0 20px 0; width:139px; height:60px}

#map {width: 98%; overflow: hidden; padding:2px; background:#fff; border:1px solid #e5e5e5; -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15); box-shadow:0 0 5px 0 rgba(0,0,0,0.15);}
#map_canvas {width: 100%; height: 170px;}

#map2 {width: 98%; overflow: hidden; padding:2px; margin-top:15px; background:#fff; border:1px solid #e5e5e5; -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15); box-shadow:0 0 5px 0 rgba(0,0,0,0.15);}
#map_canvas2 {width: 100%; height: 240px;}

.contacto-top li p strong {color:#666; float:left; margin:0 5px 5px 0}
.contacto-top p, .contacto-top li, .contacto-top a {color:#666}
.contacto-lista li p strong {color:#fff; float:left; margin:0 5px 5px 0}
.contacto-lista li {margin:0 0 15px 0}
.contacto-lista p {margin:-2px 0 0 22px; line-height:18px}
.contacto-lista li i {float:left; margin:1px 0 0 0}

/* CONTACTO
-------------------------------------------------------------- */


.contacto div {margin: 0 0 7px;}
.contacto label {display: block; width:150px; margin: 10px 0 0 0; font-size:13px; font-weight:normal;}
.contacto input[type=text] {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#fff;border:1px solid #dedede;height:27px;line-height:26px;font-size:12px;color:#666;padding:0 10px;width:300px;margin-bottom:5px}
.contacto textarea {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#fff;border:1px solid #dedede;font-size:12px;color:#666;width:350px;padding:6px 0px; height:97px; line-height:18px; overflow:auto; margin-bottom:5px}
.contacto input[type=submit] {background-color:#4b98dc; padding:3px 12px 5px 12px; margin-left:60px; line-height:20px; position:relative; font-size:14px; text-decoration:none; color:#fff; cursor:pointer;}
.contacto input[type=submit]:hover {background-color:#333;}
.contacto .envios {margin: 5px 0 0 130px; padding-top:5px;}
.cajon {height: auto; border: 3px dashed #e9e8e6; background: #f4f3f1; padding: 0.5929em; margin: 5px 0 5px 0;}
dl {margin:0; padding: 0 0 10px 0;}
dl.line {margin:0; padding: 0 0 10px 0;}
dt {margin-top: 8px; width:190px; padding:0; float:left; line-height: 15px; }
dt.uno {margin-top: 0px;}
dd {margin-left:190px; margin-top: 8px; line-height: 15px;}
input.botones {border: 0; padding: 0;}
select {padding: 5px; margin-top: 6px; border:1px solid #dedede; font-family: inherit; font-weight:normal;}

.button i {margin:0 2px 0 -1px; height:14px}
.button i.halflings {margin:2px 0px 0 -1px}

.button.medium {padding:9px 18px; font-size:14px}

.button.gray {color:#fff; background:#4c4c4c; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.4)}
.button.gray:hover {background:#169fe6; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.2)}

.button.light {color:#fff; background:#aaa; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.15)}
.button.light:hover {background:#169fe6; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.2)}

.button.color {color:#fff; background:#169fe6; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.15)}
.button.color:hover {background:#aaa; box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.15)}

input[type="button"], input[type="submit"], input[type="button"]:focus, input[type="submit"]:focus {color:#fff; background:#169fe6; padding:9px 11px; border:none !important}

ininput[type="button"]:hover, input[type="submit"]:hover {background:#aaa}


.sidebar.padding-reset { padding-top: 0;}
.flota.sidebar.left {background: #fcfcfc; margin-right: -1px; border-right: 1px solid #e0e0e0;}

.sidebar, .page-content { padding: 30px 0; }

.flota.sidebar {position: relative;}

.widget {margin: 30px 0 0 0;}

.divider {background:#e1e0e0; width:100%; height:1px; padding:0; margin:40px 0 20px 0;}
.margintop15 {margin-top:15px;}
.margintop10 {margin-top:5px;}


ul.menu-izq {margin-top: -20px;}
.menu-izq a {color: #4b98dc; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/flecha.png) no-repeat left 8px;}
.menu-izq li a:hover {color: #888}
.menu-izq li:first-child a {margin: -6px 0 0 0;}
.menu-izq li span {color: #aaa;}
.menu-izq li a.activo {color: #485566;}
.menu-izq li { margin-bottom:3px; padding-left: 3px; border-bottom: 1px solid #efefef;}

#titulo {border-bottom:1px solid #e0e0e0; display:block; margin:35px 0 20px 0; padding-bottom:3px;}
#titulo p {font-size: 16px; line-height: 30px; font-weight:normal; padding:11px 0 6px 0;border-bottom: solid 3px #4b98dc; color:#333; vertical-align: bottom; display: inline; height: 1px;}
#titulo .halflings {margin-top:8px; float:right;}

.blog-post { padding-bottom:1px; border-bottom:1px dotted #d2d9db; margin-bottom:5px; padding-top:7px;}
.blog-post span { color:#A8A8A8; padding-top:7px;}
.blog-post h3 {  font-weight:400; line-height:1; letter-spacing: -0.03em; }
.blog-post h3 a {color: #4B595C; font-size: 11px;}
.blog-post h3 a:hover { color:#A8A8A8; }

a.readmore {float:right;  margin:8px 0 3px 1px;  -webkit-transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -ms-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transition: all 0.17s ease-in-out;  background:#f2f2f2; padding:0px 6px 0px 6px; border-radius:3px; color:#888; box-shadow: 0 0 0 0; font-size:10px; text-transform:capitalize; }

a.readmore:hover { text-decoration:none; color:#444; background:#A8A8A8; display:inline; border-radius:5px;}

.vertical-space1 { display:block; width:100%; margin:0; clear:both; border:0 none; height:10px; }

/* List Styles
====================================*/
.sign-list li,
.plus-list li,
.star-list li,
.check-list li { list-style: none; margin: 5px 0; }

.sign-list li:first-child,
.plus-list li:first-child,
.star-list li:first-child,
.check-list li:first-child { margin-top: 0; }

.check-list li { background: url(../images/icon-list-check.png) no-repeat 0% 3px; padding: 0 0 0 18px; }
.sign-list li { background: url(../images/icon-list-sign.png) no-repeat 0% 3px; padding: 0 0 0 18px; }
.plus-list li { background: url(../images/icon-list-plus.png) no-repeat 0% 3px; padding: 0 0 0 18px; }
.star-list li { background: url(../images/icon-list-star.png) no-repeat 0% 3px; padding: 0 0 0 18px; }

.glyphicons {margin:15px 0 0 0}
.glyphicons li {margin:0 0 2px 1px}
.glyphicons li i {float:left; margin:0 5px 0 0}

.the-icons {margin:18px 0 20px 0}
.the-icons li i {font-size:24px; color:#555; float:left; margin:0 3px 0 0}
.the-icons li {margin:0 0 14px 0}



.ls-fullwidth .ls-nav-next:hover, .ls-fullwidth .ls-nav-prev:hover { background-color: #008da8; }
.caption-color { background: #008da8; }
.flexslider .flex-next:hover, .flexslider .flex-prev:hover { background-color: #008da8; }
.arl.active:hover, .arr.active:hover { background-color: #008da8; }
.trabajos-item:hover > div > .trabajo-datos { border-top: 5px solid #008da8; }
.button.gray:hover, .button.light:hover, .button.color, input[type="button"], input[type="submit"], input[type="button"]:focus, input[type="submit"]:focus { background:#008da8; }
blockquote{border-left:3px solid #e8e8e8;padding-left:20px;color:#888;line-height:20px;margin:5px 0 20px 15px}

#accordion {-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.03); box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.03)}

.ui-accordion .ui-accordion-header {display:block; cursor:pointer; position:relative; padding:0; font-size:13px; padding:14px 0 15px 0; line-height:26px; outline:none; color:#707070; border:1px solid #e0e0e0; margin-top:-1px; font-weight:500; -webkit-transition:background-color 200ms ease-in-out; -moz-transition:background-color 200ms ease-in-out; -o-transition:background-color 200ms ease-in-out; -ms-transition:background-color 200ms ease-in-out; transition:background-color 200ms ease-in-out}

.ui-accordion .ui-accordion-header {background-color:#fcfcfc}
.ui-accordion .ui-accordion-header:hover {background-color:#fff}

.ui-accordion .ui-accordion-header-active:hover, 
.ui-accordion .ui-accordion-header-active {background-color:#fff; color:#485566; border-bottom:0}

.ui-accordion .ui-accordion-icons {padding-left:50px}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position:absolute; left:20px}
.ui-accordion .ui-accordion-content {padding:0px 20px 20px 20px}

.ui-accordion .ui-accordion-content p {margin:0}
.ui-accordion .ui-accordion-content {border:1px solid #e0e0e0; border-top:0}

.ui-accordion-icon, 
.ui-accordion-icon-active {width:18px; height:18px; display:inline-block; background-color:#ccc; border-radius:2px; background-image:url(../images/accordion-plus.png); background-repeat:no-repeat; background-position:50%; float:left; margin:5px 10px 0 0; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.1); -webkit-transition:background-color 200ms ease-in-out; -moz-transition:background-color 200ms ease-in-out; -o-transition:background-color 200ms ease-in-out; -ms-transition:background-color 200ms ease-in-out; transition:background-color 200ms ease-in-out}

.ui-accordion-icon-active {background-color:#4b98dc; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.15); background-image:url(../images/accordion-minus.png)}